<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
    <div>
        <div class="container">
            <div>
              <el-form :model="formInline" class="select-submit-form">
                  <el-row type="flex">
                      <el-col :span="8">
                          <el-form-item label="医保机构编码">
                              <el-input  v-model="formInline.medCode"></el-input>
                          </el-form-item>
                      </el-col>
                      <el-col :span="8" >
                          <el-form-item label="机构名称">
                              <el-input   v-model="formInline.medName"></el-input>
                          </el-form-item>
                      </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <div class="select-btn-group">
                        <el-button type="primary" size="medium"  @click="onSubmitYbjgxxgl">查询</el-button>
                        <el-button type="primary" size="medium" @click="handleReset">重置</el-button>
                        <el-button type="primary" size="medium" @click="save()" >增加</el-button>
                      </div>
                    </el-col>
                  </el-row>
              </el-form>
              <el-table
                  :data="tableData"
                  class="table"
                  ref="multipleTable"
                  header-cell-class-name="table-header"
                  style="margin: 30px 0;border: 1px solid #d6d9d8;"
                  v-loading="loading"
                  element-loading-text="Loading....."
              >
                  <el-table-column prop="medCode" label="医保机构编码" align="center"></el-table-column>
                  <el-table-column prop="medName" label="医保机构名称" align="center"></el-table-column>
                  <el-table-column prop="linkerName" label="联系人" align="center"></el-table-column>
                  <el-table-column prop="linkerMobile" label="联系电话" align="center"></el-table-column>
                  <el-table-column prop="zipCode" label="邮政编码" align="center"></el-table-column>
                <el-table-column prop="delFlag"  :formatter="delFlagFormat" label="有效标志" align="center"></el-table-column>
                  <el-table-column label="操作"  align="center">
                    <template slot-scope="scope">
                      <el-button
                        size="mini"
                        type="text"
                        @click="handleLook(scope.$index, scope.row)">查看</el-button>
                      <el-button
                        size="mini"
                        type="text"
                        @click="handleEdit(scope.$index, scope.row)">修改</el-button>
                      <el-button
                        size="mini"
                        type="text"
                        @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                    </template>
                  </el-table-column>
              </el-table>
              <div class="pagination" v-if="this.tableData.length!==0">
                <div class="index_page">
                  <el-pagination :current-page="pagination.currentPage" :page-size="pagination.rowsNumber"
                                 :page-sizes="[10, 20, 50, 100]"
                                 :total="pagination.totalPage" background layout="prev, pager, next,sizes,total,jumper"
                                 @size-change="handleSizeChange" @current-change="queryFun">
                  </el-pagination>
                </div>
              </div>
            </div>
        </div>
    </div>
</template>

<script>
import * as api from '@/api/basicInformation'
export default {
    name: 'baseform',
  inject:['reload'],
    data() {
        return {
          loading: false,
          pagination: {
            currentPage: 1, // 当前页
            rowsNumber: 10, // 每页条数
            totalPage: 0 // 总条数
          },
            query: {

            },
            checkList: ['急诊'],
            props: { multiple: true },
            dialogFormVisible: false,
            dialogFormVisibleUpdate: false,
            tableData: [

            ],
            options: [{
                value: 1,
                label: '东南',
                children: [{
                    value: 2,
                    label: '上海',
                    children: [
                        { value: 3, label: '普陀' },
                        { value: 4, label: '黄埔' },
                        { value: 5, label: '徐汇' }
                    ]
                }, {
                    value: 7,
                    label: '江苏',
                    children: [
                        { value: 8, label: '南京' },
                        { value: 9, label: '苏州' },
                        { value: 10, label: '无锡' }
                    ]
                }, {
                    value: 12,
                    label: '浙江',
                    children: [
                        { value: 13, label: '杭州' },
                        { value: 14, label: '宁波' },
                        { value: 15, label: '嘉兴' }
                    ]
                }]
            }, {
                value: 17,
                label: '西北',
                children: [{
                    value: 18,
                    label: '陕西',
                    children: [
                        { value: 19, label: '西安' },
                        { value: 20, label: '延安' }
                    ]
                }, {
                    value: 21,
                    label: '新疆维吾尔族自治区',
                    children: [
                        { value: 22, label: '乌鲁木齐' },
                        { value: 23, label: '克拉玛依' }
                    ]
                }]
            }],
            form: {

            },
          formUpdate: {

          },
          healthInstitutionMessageDemo:{},
          formInline:{
            medCode:'',
            medName:'',
            medType:'',
          }
        };
    },
    created() {
      this.onSubmitYbjgxxgl();
    },
    methods: {
      delFlagFormat(row, column) {
        let delFlag = row.delFlag
        if (delFlag === 0) {
          return '无效'
        } else if (delFlag === 1) {
          return '有效'
        }
      },
      handleSizeChange(pageSize){ // 改变当前页条数事件
        this.pagination.rowsNumber=pageSize
        this.onSubmitYbjgxxgl();
        /* let pageIndex = this.pagination.currentPage;
         this.querySettleAuditTaskList(pageIndex,pageSize);*/
      },
      queryFun(pageNum){ // 改变当前页事件
        this.pagination.currentPage=pageNum
        this.onSubmitYbjgxxgl();
        /* let rowsNumber = this.pagination.rowsNumber;
         this.querySettleAuditTaskList(pageNum,rowsNumber);*/
      },
      // 重置
      handleReset(){

      },
      // 添加
      save(){
        this.$router.push({
          name: 'healthInstitutionMessageDemo',
          query: {
            healthInstitutionMessageDemo: JSON.stringify(this.healthInstitutionMessageDemo),
            item: JSON.stringify(0),
          }
        })
      },
      // 查询
      onSubmitYbjgxxgl(){
        var data = {
          "medCode":this.formInline.medCode,
          "medName":this.formInline.medName,
          "medType":this.formInline.medType,
          "pageNum":this.pagination.currentPage,
          "pageSize":this.pagination.rowsNumber,
        }
        this.loading = true;
        api.getQueryMedCompany(data
        ).then(res => {
          this.loading = false;
          if(res){
              if(res.data.resultCode !== '0000'){
                this.$message.error(res.data.resultMsg);
              }else{
                  this.tableData =res.data.list;
                  this.pagination.totalPage=res.data.total;
              }
          }else{
              this.$message.error('系统异常');
          }
        })
      },
      // 查看
      handleLook(index,row){
        this.healthInstitutionMessageDemo=row,
          this.$router.push({
            name: 'healthInstitutionMessageDemo',
            query: {
              healthInstitutionMessageDemo: JSON.stringify(this.healthInstitutionMessageDemo),
              item: JSON.stringify(2),
            }
          })
      },
      // 修改
      handleEdit(index,rew){
        this.healthInstitutionMessageDemo=rew,
          this.$router.push({
            name: 'healthInstitutionMessageDemo',
            query: {
              healthInstitutionMessageDemo: JSON.stringify(this.healthInstitutionMessageDemo),
              item: JSON.stringify(1),
            }
          })
      },
      // 删除
      handleDelete(index,rew){
        var data={
          "id":rew.id,
        }
        api.getDeleteMedCompany(data
        ).then(res => {
          if(res.data.resultCode){
            if(res.data.resultCode !== '0000'){
              this.$message.error(res.data.resultMsg);
            }else{
              this.$message.success(res.data.resultMsg);
            }
          }
          this.reload();
        })
      },
        onSubmit() {
            this.$message.success('提交成功！');
        },
        // 分页导航
        handlePageChange(val) {
            this.$set(this.query, 'pageIndex', val);
            this.getData();
        },
    }
};
</script>